<style>
	@import url('../static/css/hitgameindex.css');
</style>

<template>
	<view>
		<!-- 公共头部 -->
		<view> <my-header :title="lang.Percussionmatch"></my-header></view>
		<!-- 骨架 -->
		<uni-skeleton animated :loading="loading"></uni-skeleton>

		<!-- 幻灯片 -->
		<view v-show='!loading'>
			<view class="uni-margin-wrap">
				<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
					:interval="interval" :duration="duration">
					<swiper-item v-for="(item,index) in banner">
						<navigator :url="item.url">
							<image :src="item.img"></image>
						</navigator>
					</swiper-item>

				</swiper>
			</view>
			<!-- 公告 -->
			<view>
				<uni-notice-bar show-icon :text="notices" />
			</view>
			<!-- 奖励与时间 -->

			<!-- 我的奖励与下期时间 -->

			<!-- 项目 -->
			<view class="project">
				<view class="align marginbottom">赛事</view>
				<view>
					<view class="project_img" v-for="(item,index) in nearMake">
						<navigator :url="item.make_url">
							<image mode='aspectFit' :src="item.nake_img"></image>
						</navigator>
						<view class="makelist">
							<navigator :url="'/pages/hitgame/pages/gameinfo?id='+item.id"><view>报名</view></navigator>
							<navigator :url="'/pages/hitgame/pages/ranking?id='+item.id"><view>排行榜</view></navigator>
							<navigator :url="'/pages/hitgame/pages/rule?id='+item.id"><view>规则</view></navigator>
							<navigator :url="'/pages/hitgame/pages/prizelist?id='+item.id"><view>奖励</view></navigator>
						</view>
					</view>
				</view>
			</view>

			<!--邀请-->
			<!-- 		<view class="invite marginbottom"><button  open-type="share">邀请好友</button></view> -->
			<!--我的项目 -->
			<!-- <view class="project">
			<view class="align marginbottom">我的赛事</view>
			<view>
				<view class="project_img">
					<image mode='aspectFit' src="https://www.iiscchina.com/wp-content/uploads/2023/04/aa345.jpg">
					</image>
				</view>
				<view class="project_img">
					<image mode='aspectFit' src="https://www.iiscchina.com/wp-content/uploads/2023/04/aa345.jpg">
					</image>
				</view>
			</view>
		</view> -->
		</view>
	</view>
	<view>
		<Tabbar :current="'0'"></Tabbar>
	</view>
</template>

<script type="module" src="../static/js/hitgameindex.js"></script>